.ban-bodyss {
    padding: 0 20px;
}

.ban-skill {
    padding-top: 20px;
}

.ban-skill li h4 {
    font-weight: 400;
}

.ban-skill > li h4 span {
    float: left;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    font-size: 20px;
    color: #333;
    cursor: default;
}

.ban-skill > li h4 a {
    float: right;
    margin-right: 30px;
}

.ban-skill > li h4 a i {
    margin-right: 5px;
}

.ban-skill li .ban-ul-text span {
    width: auto;
    margin-right: 4% !important;
}

.ban-skill li > b {
    width: 25%;
    float: left;    
    font-size: 22px;
    height: 24px;
    transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -moz-transform: translateY(-11px);
    font-weight: 500;
    color: #bed1f4;
    position: relative;
}
.ban-skill li > b .m-helpTip{
    left: 8px;
    bottom: 26px;
}
.ban-skill li > b > i {
    font-size: 22px;
    color: #427dde;
    margin-left: 5px;
}

@media screen and (max-width: 1920px) {
    .ban-body .ban-skill li > p {
        width: 75%;
        float: left;
    }
}

@media screen and (max-width: 1500px) {
    .ban-body .ban-skill li > p {
        width: 65%;
        float: left;
    }

    .ban-skill li > b {
        width: 35%;
    }

    .ban-skill li > .ban-ul-text > span {
        margin-right: 0 !important;
        width: 49%;
        font-size: 14px;
    }
}

